<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                template="layout/template.xhtml"
                >
                       
<ui:define name="body">
    
    <h:messages globalOnly="true" styleClass="message" id="globalMessages"/>
    
    <h:form id="formConsultaClientes" styleClass="edit">
        
        <!-- Panel de Consulta :: Titulo -->
        <h:panelGrid columns="3">
				<h:outputText value="consultar" styleClass="tituloPagina" />
				|
				<h:commandLink  value="Novo Cliente" action="/cliente.xhtml" />
		</h:panelGrid>
		<br/>
		
		<!-- Panel de Consulta :: Campos do Filtro -->
		<rich:panel>
				<h:panelGrid columns="3" width="800">
					<h:column>
						<h:outputLabel value="Nome" /><br/>			
						<h:inputText id="nome" value="#{clienteList.cliente.nome}"/>
					</h:column>
				</h:panelGrid>
		</rich:panel>
		<rich:spacer height="5px" />
		
		<!-- Panel de Consulta :: Botoes e links de acao  -->
		<h:panelGrid columns="3">
				<h:commandButton id="pesquisar" value="Consultar" action="#{clienteList.pesquisar}"/>
				|
				<h:commandLink  value="Limpar" action="#{clienteList.pesquisar}" />
		</h:panelGrid>
		<br/>
		
		</h:form>
		
		<!-- Bloco de exibicao da lista de clientes trazidos na consulta -->
		<h:form id="formListaClientes">
		<rich:dataTable id="listaClientes" var="cliente"
				value="#{clienteList.clientes}" rows="5"
				rendered="#{not empty clienteList.clientes}">
				<rich:column>
					<f:facet name="header">Nome</f:facet>
					<s:link id="nome" value="#{cliente.nome}" view="/cliente.xhtml">
						<f:param name="clienteId" value="#{cliente.id}" />
					</s:link>
				</rich:column>
				<rich:column>
					<f:facet name="header">Data de Nascimento</f:facet>
					<s:link id="dataNascimento" view="/cliente.xhtml">
						<f:param name="clienteId" value="#{cliente.id}" />
						<h:outputText value="#{cliente.dataNascimento}" >
							<f:convertDateTime type="date" dateStyle="short" />
						</h:outputText>
					</s:link>
				</rich:column>				
				<rich:column>
					<f:facet name="header">Endere&ccedil;o</f:facet>
					<s:link id="endereco" 
							value="#{cliente.endereco.rua} - #{cliente.endereco.bairro}" 
							view="/cliente.xhtml">
						<f:param name="clienteId" value="#{cliente.id}" />
					</s:link>
				</rich:column>
			</rich:dataTable>
			
			<!-- Componente de Paginacao -->
      		<rich:datascroller for="listaClientes" maxPages="5" renderIfSinglePage="false" 
					rendered="#{not empty clienteList.clientes}" />
    
    	</h:form>
    
</ui:define>

</ui:composition>

